<template>
  <div class="pinfen">
    <div class="one">
      <div class="one-q" v-html="info">
      </div>
      <div class="one-w">科创准入评分</div>
      <div class="one-q"></div>
    </div>
    <div class="two-ww">
      <div class="two">
        <div class="two-qq">美亚财产</div>
        <div class="two-w">
          <div class="two-e">美亚财产保险有限公司江苏分公司苏州营业部</div>
          <div class="two-r">
            <div class="two-t">存续</div>
            <div class=" two-tt">保险业</div>
          </div>
        </div>
      </div>
      <div class="three">
        <div class="three-qq"></div>
        <div class="three-q"><span>57m</span>｜苏州工业园区苏州大道西119号苏悦商贸广场南 楼10楼1002单元</div>
      </div>
    </div>
    <div class="three-e">
      <div class="three-ee">人工调整</div>
      <div class="three-eee">直接生成</div>
    </div>
    <div class="four">人才企业</div>
    <div class="four-q">人才评定：</div>
    <div class="four-w">国家级“领军人才”、“千人计划”创办的研发型企业</div>
    <div class="four-e">省双创等省市级领军人才创办的研发型企业</div>
    <div class="four-e">姑苏领军、园区领军人才创办的研发型企业</div>
    <div class="four-e">其他人才认定资质创办的研发型企业</div>
    <div class="four-e">不符合以上情况</div>
    <div class="four">资本市场</div>
    <div class="four-q">上市情况：</div>
    <div class="four-w">已上市（沪深主板、创业板、科创板、北交所）</div>
    <div class="four-e">提交IPO上市申请且审核正常（已申报时点为准）</div>
    <div class="four-e">申请人上市辅导阶段（已签署辅导协议）</div>
    <div class="four-e">B轮融资（含）以上</div>
    <div class="four-e">天使轮、A、A+轮融资</div>
    <div class="four-e">不符合以上情况</div>
    <div class="five">提交</div>
    
  </div>
</template>
<script>
export default {
  name: "test",
  /*1. Vue扩展 */
  extends: "", // extends和mixins都扩展逻辑，需要重点放前面
  mixins: [],
  components: {},
  /* 2. Vue数据 */
  props: {},
  model: { prop: "", event: "" }, // model 会使用到 props
  data() {
    return {
      info:'<div style="background-color:red">提交</div>'
    };
  },
  computed: {},
  watch: {}, // watch 监控的是 props 和 data，有必要时监控computed
  /* 3. Vue资源 */
  filters: {},
  directives: {},
  /* 4. Vue生命周期 */
  created() { },
  mounted() { },
  destroy() { },
  /* 5. Vue方法 */
  methods: {}
};
</script>
<style scoped lang="scss">
.pinfen {
  width: 414px;
  height: 1100px;
  background: #FFFFFF;
}

.one {
  width: 414px;
  height: 97px;
  background: #FFFFFF;
  justify-content: space-between;
  display: flex;
}

.one-q {
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: 500;
  color: #000000;
  width: 50px;
  height: 20px;
  margin-top: 65px;
  margin-left: 15px;
}

.one-w {
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: 500;
  color: #000000;
  margin-top: 65px;
}

.two-ww {
  background-color: #E5F0FE;
  height: 280px;
  overflow: hidden;
}

.two {
  display: flex;
  margin: 18px 20px 0 15px;
}

.two-qq {
  width: 34px;
  height: 34px;
  background: #3282E4;
  border-radius: 4px;
  font-size: 12px;
  font-family: Adobe Heiti Std;
  font-weight: normal;
  color: #FFFFFF;
  line-height: 18px;
  text-align: center;
}

.two-w {
  margin-left: 12px;

}

.two-e {
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #000000;
  line-height: 23px;
}

.two-r {
  display: flex;
  margin-top: 10px;
}

.two-t {
  width: 38px;
  height: 21px;
  background: #E3F2ED;
  border: 1px solid #FFFFFF;
  border-radius: 2px;
  font-size: 11px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #3F9F71;
  text-align: center;
  line-height: 21px;
}

.two-tt {
  color: #3282E4;
  margin-left: 11px;
  font-size: 11px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  background: #E4EFFF;
  border: 1px solid #FFFFFF;
  border-radius: 2px;
  width: 54px;
  height: 21px;
  text-align: center;
  line-height: 21px;
}

.three {
  margin: 8px 54px 0 15px;
  display: flex;
}

.three-qq {
  width: 10px;
  height: 13px;
  background: #7CB0F5;
}

.three-q {
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #000000;
  line-height: 18px;
  margin-left: 1px;
  margin-top: -2px;
}

.three-e {
  background-color: #E8F2FE;
  position: relative;
  border: 1px solid red;
}

.three-ee {
  background-image: url('../../assets/images/xaunzhon.png');
  background-repeat: no-repeat;
  background-size: cover;
  height: 38px;
  width: 100%;
  font-size: 17px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #3282E4;
  line-height: 13px;
  line-height: 38px;
  padding-left: 70px;

}

.three-eee {
  background-image: url('../../assets/images/weixaun.png');
  background-repeat: no-repeat;
  background-size: cover;
  height: 34px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #676767;
  line-height: 38px;
  position: absolute;
  right: 0;
  top: -2px;
  left: 46%;
  line-height: 34px;
  text-align: center;
}

.four {
  height: 26px;
  background: #ECF3FD;
  font-size: 15px;
  font-family: Alibaba PuHuiTi;
  font-weight: 500;
  color: #2C2C2C;
  margin-top: 10px;
  padding-left: 15px;
}

.four-q {
  font-size: 15px;
  font-family: Alibaba PuHuiTi;
  font-weight: 400;
  color: #2C2C2C;
  line-height: 15px;
  margin-left: 15px;
  margin-top: 15px;
}

.four-w {
  font-size: 15px;
  font-family: Alibaba PuHuiTi;
  font-weight: 400;
  color: #2C2C2C;
  font-size: 15px;
  font-family: Alibaba PuHuiTi;
  font-weight: 400;
  color: #3282E4;
  line-height: 36px;
  height: 36px;
  padding-left: 21px;
  margin: 11px 13px 0 15px;
  background: #FFFFFF;
  border: 1px solid #3282E4;
  border-radius: 2px;
}

.four-e {
  height: 36px;
  background: #F3F3F3;
  border-radius: 2px;
  font-size: 15px;
  font-family: Alibaba PuHuiTi;
  font-weight: 400;
  color: #6A6A6A;
  line-height: 36px;
  padding-left: 21px;
  margin: 14px 13px 0 15px;
}

.five {
  margin: 14px 28px 0 28px;
  height: 43px;
  background: #4B91E7;
  border-radius: 4px;
  text-align: center;
  line-height: 43px;
  font-size: 16px;
  font-family: Alibaba PuHuiTi;
  font-weight: 400;
  color: #FFFFFF;
}</style>

